{extend name="base" /}
{block name="style"}
h1{ font-size:.5rem;}
/*.slider img{ max-height:7rem;}*/
#arg li{ font-size:.28rem; color:#757f8a;}
#arg li:nth-child(n+2){ margin-left:.3rem;}
#arg li i{ color:#56a36c;}
#description{ font-size:.32rem; color:#aaa;}
.text-key{color:{$color3}}
.header .title{color:{$color1}}
.content p{line-height:1.8; font-size:.3rem; padding:.5em 0; text-align:justify; color:#333; letter-spacing:.05em;}
.ensure { padding-top:.4rem; padding-bottom:.36rem;border-top: 1px dashed #ddd;/*background-color: #fffaf6;*/; font-size:.3rem;}
#SOHUCS #SOHU_MAIN .module-mobile-cmt-header { background-color:#fff!important;}
#product #content h3{font-size:.32rem; line-height:1.2; color:#56a36c;}
{/block}
{block name="body"}
<style>
body{ background:#f5f5f5;}
</style>
<article id="product">
{php}
$arr_img = explode(',',$one['images']);
$arr2 = json_decode($one['configure'],true);
{/php}
<!--轮播开始-->
  <section class="block slider">
  <link rel="stylesheet" type="text/css" href="/static/swiper/swiper-3.3.1.min.css" />
  <div class="swiper-container swiper-container-horizontal swiper-container-autoheight">
    <div class="swiper-wrapper">
	  {volist name="arr_img" id="v"}
      <div class="swiper-slide">
	    <a href="#"><img class="lucn-container-center" src="{$v}" /></a>
	  </div>
	  {/volist}
	</div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
</div>
<script type="text/javascript" src="/static/swiper/swiper-3.3.1.jquery.min.js"></script>
<script>
$(document).ready(function(){
var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
});
</script>
</section>
<section class="pt10 block container">
<div class="aui-content-padded">
<h1 class="h2">{$one.title}</h1>
<p id="description" class="lucn-line-clamp row-2 mt10">{$one.description}</p>
</div>
</section>
<!--参数开始-->
<section id="arg" class="block pb10 border-bottom container">
{if condition="count($arr2) gt 0"}
<ul class="lucn-flex">
{foreach $arr2 as $key => $vo}
    <li><i class="icon-shield-outline"></i> {$vo}</li>
{/foreach}
</ul>
{/if}
</section>

<!--内容开始-->
<section id="content" class="mt10  border-bottom block">
    <div class="header pt15 pb10 container">
	<!--标题样式-->
	<h3>产品介绍</h3>
	<!--标题样式结束-->
	<!---->
	</div>
	<div class="lucn-hr"></div>
	<div class="content container">{$one.content}</div>
</section>
<!--畅言-->
<section id="cy" class="block mt10 container">
<!--WAP版-->
<div id="SOHUCS" sid="xlct_p_{$one.id}" ></div>
<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" 
src="https://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=cyshrVrMj&conf=prod_e2e69e78e201aaf58ae9fb2188dc16b9">
</script>
</section>
</article>
{/block}